<!-- 
	左侧使用了可折叠样式
-->
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<%@ include file="/common/bootstrap.jsp"%>
<script type="text/javascript">
	 $(document).ready(function() {
		/**
		window.screen.availWidth 返回当前屏幕宽度(空白空间) 
		window.screen.availHeight 返回当前屏幕高度(空白空间) 
		window.screen.width 返回当前屏幕宽度(分辨率值) 
		window.screen.height 返回当前屏幕高度(分辨率值) 
		window.document.body.offsetHeight; 返回当前网页高度 
		window.document.body.offsetWidth; 返回当前网页宽度
		*/
		//alert(window.screen.availHeight+"-"+window.screen.height+"-"+window.document.body.offsetHeight);
		//$("#mainTable").height(window.screen.availHeight-51);
		$("#leftFrame").height(window.screen.availHeight-51);
		$("#mainFrame").height(window.screen.availHeight-51);
	 
		$("#topMenu a.topMenu").click(function() {
				$("#topMenu li.topMenu").removeClass("active");
				$(this).parent().addClass("active");
			});
		$(".leftMenu a").click(function() {
			$(".leftMenu").removeClass("active");
			$(this).parent().addClass("active");
		});
	});
</script>
</head>

<body>
	<!-- 头部 -->
	<!-- 
		navbar 导航条
		navbar-default 默认样式是灰色
		navbar-inverse	导航栏反相样式，颜色采用黑色
		navbar-fixed-top 导航栏样式固定在顶端
		navbar-fixed-bottom	导航栏样式固定在底部
		详细介绍：http://www.yeahzan.com/course/128-bs-24.html
	-->
	<nav id="head" class="navbar navbar-default navbar-fixed-top" role="navigation">
	  <div class="container-fluid">
	    <!-- 系统功能标题和logo -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <font class="navbar-brand">企信通</font>
	    </div>
	
	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <!-- 系统主功能菜单 -->	
	      <ul id="topMenu" class="nav navbar-nav">
	      	<li class="topMenu active"><a class="topMenu" href="${ctx}/adminManage/sys/menu/menuSys.jsp" target="leftFrame" >权限管理</a></li>
	      	<li class="topMenu"><a class="topMenu" href="${ctx}/adminManage/sys/menu/menuAuto.jsp" target="leftFrame">自动生成</a></li>
	      	<li class="topMenu"><a class="topMenu" link="${ctx}/adminManage/sys/menu/menuTree.jsp">运行监控</a></li>
	      	<li class="topMenu"><a class="topMenu" href="${ctx}/adminManage/sys/menu/menuEnt.jsp">企业管理</a></li>
	      	<li class="topMenu"><a class="topMenu" href="${ctx}/adminManage/sys/menu/menuTree.jsp">计费管理</a></li>
	      	<li class="topMenu"><a class="topMenu" href="${ctx}/adminManage/sys/menu/menuTree.jsp">统计管理</a></li>
	      </ul>
	      <!--  -->
	      <ul class="nav navbar-nav navbar-right">
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle" data-toggle="dropdown">操作员 <span class="caret"></span></a>
	          <ul class="dropdown-menu">
	            <li><a href="#">个人信息</a></li>
	            <li><a href="#">我的日历</a></li>
	            <li><a href="#">收件箱</a></li>
	            <li><a href="#">我的任务</a></li>
	            <li class="divider"></li>
	            <li><a href="#">锁屏</a></li>
	            <li><a href="#">注销</a></li>
	          </ul>
	        </li>
	      </ul>
	    </div>
	  </div>
	</nav>
	
	<table id="mainTable" style="position: fixed;top: 51px;" width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td id="leftTd" width="160">
				<iframe id="leftFrame" name="leftFrame" src="${ctx}/adminManage/sys/menu/menuSys.jsp" scrolling="auto" frameborder="0" width="100%"></iframe>
			</td>
			<td>
				<iframe id="mainFrame" name="mainFrame" src="${ctx}/adminManage/sys/sysUser/list.do" scrolling="auto" frameborder="0" width="100%"></iframe>
			</td>
		</tr>
	</table>
</body>
</html>